<ui:composition template="template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:param name="panelTitle"
		value="Listado de Playas de Estacionamiento" />

	<ui:define name="panelContent" class="admin-font">

		<p:growl id="messages" />

		<p:dataTable id="playas" var="playa" value="#{playaMB.playaList}"
			filteredValue="#{filtrosMB.filteredPlayas}" widgetVar="playasTable"
			paginatorPosition="bottom" paginator="true" rows="6"
			emptyMessage="¡No existen playas de estacionamiento!">

			<p:column headerText="Nombre Comercial" styleClass="column-font"
				filterBy="#{playa.razonSocial}" filterMatchMode="contains">
				<f:facet name="header">
					<h:outputText value="Nombre" />
				</f:facet>
				<h:outputText value="#{playa.nombreComercial}" />
			</p:column>

			<p:column headerText="Domicilio" styleClass="column-font"
				filterBy="#{playa.domicilio}" filterMatchMode="contains">
				<h:outputText value="#{playa.domicilio}" />
				<f:facet name="header">
					<h:outputText value="Domicilio" />
				</f:facet>
			</p:column>

			<p:column headerText="Barrio" styleClass="column-font"
				filterBy="#{playa.barrio}"
				filterOptions="#{filtrosMB.barriosOptions}"
				filterMatchMode="exact">
				<h:outputText value="#{playa.barrio.nombre}" />
				<f:facet name="header">
					<h:outputText value="Barrio" />
				</f:facet>
			</p:column>

			<p:column headerText="Teléfono" styleClass="column-font"
				filterBy="#{playa.telefono}" filterMatchMode="contains">
				<h:outputText value="#{playa.telefono}" />
				<f:facet name="header">
					<h:outputText value="Telefono" />
				</f:facet>
			</p:column>

			<p:column headerText="E-mail" styleClass="column-font"
				filterBy="#{playa.email}" filterMatchMode="contains">
				<h:outputText value="#{playa.email}" />
				<f:facet name="header">
					<h:outputText value="E-mail" />
				</f:facet>
			</p:column>

			<p:column headerText="Estado" styleClass="column-font"
				filterBy="#{playa.estado}"
				filterOptions="#{filtrosMB.estadosOptions}"
				filterMatchMode="exact">
				<h:outputText value="#{playa.estado.nombre}" />
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
			</p:column>

			<p:column headerText="Opciones" styleClass="column-options"
				style="text-align:center; width:95px;" exportable="false">

				<p:commandLink id="view" update=":mainForm:displayView"
					oncomplete="carDialog.show();" title="Ver Datos">
					<f:setPropertyActionListener value="#{playa}"
						target="#{playaMB.playaSelected}" />
					<h:graphicImage library="images/icons" name="search.png" />
				</p:commandLink>

				<p:commandLink id="edit" title="Editar Datos"
					action="/admin/playaeditadmin.html?faces-redirect=true"
					ajax="false">
					<f:setPropertyActionListener value="#{playa}"
						target="#{playaMB.playaSelected}" />
					<h:graphicImage library="images/icons" name="pencil.png" />
				</p:commandLink>

				<p:commandLink id="darBaja" title="Dar de baja" update="playas"
					action="#{playaMB.deletePlayaAdmin}" ajax="false">
					<f:setPropertyActionListener value="#{playa}"
						target="#{playaMB.playaSelected}" />
					<h:graphicImage library="images/icons" name="trash.png" />
				</p:commandLink>
			</p:column>

			<f:facet name="footer">

				<div align="center">
					<h:panelGrid columns="2" header="Exportar" width="100%"
						style="display:block;">
						<p:column><div align="right" style="width:485px;">
						<h:commandLink title="Exportar a excel">
							<p:graphicImage
								value="http://www.primefaces.org/showcase/images/excel.png" />
							<p:dataExporter type="xls" target="playas"
								fileName="Listado de playas" />
						</h:commandLink>

						<h:commandLink title="Exportar a PDF">
							<p:graphicImage
								value="http://www.primefaces.org/showcase/images/pdf.png" />
							<p:dataExporter type="pdf" target="playas"
								preProcessor="#{playaMB.listadoPlayasPDF}"
								fileName="Listado de Playas" />
						</h:commandLink></div></p:column>
						
						<p:column><div align="right">
						<h:commandLink id="removeFilter">
							<p:commandLink id="addPlayaNueva" value="Quitar Filtro"
								action="/admin/playalist.html?faces-redirect=true" ajax="false" />
						</h:commandLink></div></p:column>
					</h:panelGrid>
				</div>

			</f:facet>
		</p:dataTable>

		<p>
			<h:panelGroup layout="block" style="text-align: right;">
				<p:commandButton id="addPlaya" value="Nueva Playa"
					action="/admin/playaadd.html?faces-redirect=true" ajax="false" />
			</h:panelGroup>
		</p>
		<!-- DIALOG PARA VER LOS DATOS DE LA PLAYA SELECCIONADA -->
		<p:dialog header="Datos de la Playa" widgetVar="carDialog"
			resizable="false" id="carDlg" showEffect="fade" modal="true"
			draggable="false">

			<h:panelGrid id="displayView" columns="2" cellpadding="8"
				style="margin:0 auto;">

				<p:column>
					<h:outputText value="Razon Social: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.razonSocial}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="Nombre Comercial: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.nombreComercial}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="C.U.I.T.: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.cuit}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="Barrio: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.barrio.nombre}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="Domicilio: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.domicilio}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="Teléfono: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.telefono}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="E-mail: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.email}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="Dirección web: " />
				</p:column>
				<p:column>
					<a href="#{playaMB.playaSelected.url}" target="_blank">
						<h:outputText value="#{playaMB.playaSelected.url}"
							style="font-weight:bold" /> </a>
				</p:column>

				<p:column>
					<h:outputText value="Disponibilidad: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.disponibilidad}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
					<h:outputText value="Estado: " />
				</p:column>
				<p:column>
					<h:outputText value="#{playaMB.playaSelected.estado.nombre}"
						style="font-weight:bold" />
				</p:column>

				<p:column>
				</p:column>

				<p:column style="text-align:right">
					<div align="right">
						<p:commandButton id="btnAceptar" value="Aceptar"
							onclick="carDialog.hide();" type="button" />
					</div>
				</p:column>

			</h:panelGrid>
		</p:dialog>
	</ui:define>
</ui:composition>